﻿
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>	
<%
String path = request.getContextPath();
String bpath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
	<head>
		<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=9" />
		<meta http-equiv="pragma" content="no-cache" />
		<title>井冈山智慧社区官方微网站</title>
   	<script type="text/javascript" src="<%=bpath %>Scripts/jquery/jquery-1.7.1.min.js"></script> 
<link type="text/css" rel="stylesheet" href="<%=bpath %>/pages/MicroSite/css/index.css" />
<script type="text/javascript" src="<%=bpath %>/pages/MicroSite/js/jquery.js"></script>
<script type="text/javascript" src="<%=bpath %>/pages/MicroSite/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="<%=bpath %>/pages/MicroSite/js/g.base.js"></script>
<script type="text/javascript" src="<%=bpath %>/pages/MicroSite/js/iscroll.js"></script>
<script type="text/javascript" src="<%=bpath %>/pages/MicroSite/js/alert.js"></script>
<script type="text/javascript" src="<%=bpath %>/pages/MicroSite/js/common.js"></script>
<script type="text/javascript">
    var myScroll;
    function loaded() {
        myScroll = new iScroll('wrapper', {
            snap: true,
            momentum: false,
            hScrollbar: false,
            onScrollEnd: function() {
                document.querySelector('#indicator > li.active').className = '';
                document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
            }
        });
    }
    document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>

<body>
<header>
	<div class="subHeader"></div>

    <div class="banner">
        <div id="wrapper" style="overflow: hidden; ">
            <div id="scroller">
                <ul id="thelist">
                    <li><p></p><a href="#"><img src="<%=bpath %>/pages/MicroSite/img/13830151297534.jpg" /></a></li><li><p></p><a href="#"><img src="<%=bpath %>/pages/MicroSite/img/13830151451047.jpg" /></a></li>                </ul>
            </div>
        </div>
    </div>
    <div id="nav">
        <div id="prev" onClick="javascript:myScroll.scrollToPage('prev', 0);"></div>
        <ul id="indicator">
            <li class="active"></li><li ></li>        </ul>
        <div id="next" onClick="javascript:myScroll.scrollToPage('next', 0, 400, 2);"></div>
    </div>
    <div class="clr"></div>
</header>
<script>
    var count = document.getElementById("thelist").getElementsByTagName("img").length;
    for (i = 0; i < count; i++) {
        document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";
    }
    document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";
    setInterval(function() {
        myScroll.scrollToPage('next', 0, 400, count);
    }, 3500);
    window.onresize = function() {
        for (i = 0; i < count; i++) {
            document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";
        }
        document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";
    };
</script>
<div class="main">
    <div>
        <a href="<%=path %>/MicroSite/listAicroSiteInterface.htm?categoryID=2">
            <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/1383014031703.png) no-repeat; background-size:contain;"></p>
            <p class="text">工作动态</p>
        </a>    </div>
   	<div>    <a href="<%=path %>/MicroSite/listAicroSiteInterface.htm?categoryID=4">
                <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/ico01.png) center no-repeat; background-size:contain;"></p>
                <p class="text">环保公文</p>
            </a>
      <a href="../../MicroSite/listAicroSiteInterface.htm?categoryID=3">
                <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/13830141096885.png) center no-repeat; background-size:contain;"></p>
                <p class="text">环保公告</p>
      </a>
  </div>
    <div>   <a href="<%=path %>/MicroSite/listMainArticleInterface.htm?categoryID=33">
                <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/13830140766638.png) center no-repeat; background-size:contain;"></p>
                <p class="text">行政审批</p>
            </a>
           <a href="<%=path %>/MicroSite/listAicroSiteInterface.htm?categoryID=50">
                <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/13830141579551.png) center no-repeat; background-size:contain;"></p>
                <p class="text">办事指南</p>
      </a>
  </div>
    <div>            <a href="<%=path %>/MicroSite/envQualityInterface.htm">
                <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/ico09.png) center no-repeat; background-size:contain;"></p>
                <p class="text">空气质量</p>
            </a>
                       
                        
                   <a href="<%=path %>/MicroSite/listAicroSiteInterface.htm?categoryID=60">
                <p class="img" style="background:url(<%=bpath %>/pages/MicroSite/img/13830140047187.png) center no-repeat; background-size:contain;"></p>
                <p class="text">行政概况</p>
      </a>

    </div>    
</div>
<div class="footer">
<p class="footer-top">&COPY;井冈山智慧社区</p>

</div>

</body>
</html>